<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简易3School教程网站</title>
		<link rel="stylesheet" href="css/index.css"/>
		<style>
			a:link{
				color:darkblue;
				font-size: 18px;
				text-align: center;
			}
			#box{
				text-align: center;
				left:30px;
				right:30px;
				top:20px;
				position:absolute;
				}
				#child1{
					width:30px;
					height:190px;
					float:left;
					position:absolute;
					top: 170px;
					left: 30%;
				}
				#child2{
					width:80px;
					height:20px;
					float:right;
					position:absolute;
					top: 170px;
					right: 25%;
				}
				#child5{
					width:80px;
					height:170px;
					float:right;
					position:absolute;
					top: 250px;
					right: 21%;
				}
				#child3{
					width:600px;
					height:190px;
					float:center;
					position:absolute;
					top: 90px;
					left:38%;
				}
				#child4{
					width:640px;
					height:30px;
					float: center;
					position:relative;
					top: 600px;
					left: 38%;
					background-color: grey;
				}
				#child6{
					width:440px;
					height:30px;
					float: center;
					position:relative;
					top: 600px;
					left: 43%;
					background-color: grey;
				}
				</style>
	</head>
	<body>
		<div id="box">
			<a href="#">HTML/CSS</a>
			<a href="#">JavaScript</a>
			<a href="#">Server Side</a>
			<a href="#">ASP.NET</a>
			<a href="#">XML</a>
			<a href="#">Web Services</a>
			<a href="#">Web</a>
		</div>
		<div id="child1">
			<a href="#">HTML</a>
			<a href="#">XHTML</a>
			<a href="#">HTML</a>
			<a href="#">5</a>
			<a href="#">CSS</a>
			<a href="#">CSS3</a>
			<a href="#">TCP/IP</a>
		</div>
		<div id="child2">
			<div><p>参考手册<br><br><br></p></div>
		</div>
		<div id="child5">
			<a href="#">HTML/HTML5<br></a>
			<a href="#">标签<br></a>
			<a href="#">CSS<br></a>
			<a href="#">1,2,3<br></a>
			<a href="#">HTML<br></a>
			<a href="#">颜色<br></a>
			<a href="#">HTML<br></a>
			<a href="#">ASCII<br></a>
			<a href="#">HTML<br></a>
			<a href="#">Latin-1<br></a>
			<a href="#">HTML<br></a>
			<a href="#">符号<br></a>
		</div>
		<div id="child3">
			<hr class="one">HTML系列教程<br>从左侧的菜单选择你需要的教程！</hr>
			<hr class="one">HTML<br>HTML指超文本标签语言。<br>HTML是通向WEB技术世界的钥匙。<br>在3School的HTML教程中，您将学习如何使用HTML来创建站点。<br>HTML非常容易学习！您会喜欢它的！现在开始学习HTML！</hr>
			<hr class="one">HTML5<br>HTML5是下一代的HTML。<br>HTML5仍处于完善中。然而，大部分现代浏览器已经具备了某些HTML5支持。<br>在3School的HTML教程中，您将了解HTML5中的新特性。<br>现在就开始学习HTML5！</hr>
		</div>
		<div id="child4">
			<hr class="two">当使用本站时，代表您已接受了本站的<a href="#">使用条款</a>和<a href="#">隐私条款</a>。版权所有，保留一切权利。</hr>
		</div>
		<div id="child6">
			<hr class="two">赞助商：<a href="#">上海籯科投资有限公司</a>。&nbsp;<a href="#">蒙ICP备06004630号</a></hr>
		</div>
	</body>
</html>